<template>
  <div class="fns-table-component">
    <el-table
      class="table"
      border
      v-loading="customerField.loading"
      :empty-text="emptyText"
      :data="customerField.tableData"
      style="width: 100%">
      <slot name="left"></slot>
      <el-table-column resizable v-for="(item, index) in customerField.allField" :key="index"
                       :label="item.label" :prop="item.prop" :min-width="item.width ? item.width : 100"
                       :align="item.align" :sortable="item.sortable" :formatter="item.formatter"
                       :show-overflow-tooltip="true">
      </el-table-column>
      <slot name="right"></slot>
    </el-table>
  </div>
</template>

<script>
  export default {
    props: {
      customerField: {
        default: {}
      }
    },
    created() {
    },
    mounted() {
    },
    computed: {
    },
    watch: {
    },
    data() {
      return {
        emptyText: '暂无数据'
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
  /*表格组件table*/
  .fns-table-component{
  }
</style>
